<template>
    <h3>3.列表渲染</h3>
    <p v-for="(item,index) in names">{{ item }}-{{ index }}</p>
    <div v-for="re of result">
        <p>{{ re.title }}</p>
        <img :src="re.avator" alt="">
    </div>
    <div v-for="(value,key,index) in user">{{ value }}-{{ key }}-{{ index }}</div>
</template>

<script>

    export default {
        data(){
            return{
                names:["baizhan","it"],
                user:{
                    name:"iwen",
                    age:"20",
                    sex:"男"
                },
                result: [
                    {
                        "id":2261677,
                        "title":"感受一座城市的夜景",
                        "avator":"https://pic.qyer.com/avator/002/25/77/30/200?v=1560226451"
                    }
                ]
            }
        }
    }

</script>